<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="../css/shouye-new.css" rel="stylesheet" type="text/css">
    <link href="../css/index.css" rel="stylesheet" type="text/css">
	<style>
		.getCaptcha[disabled]{
			color:#999;
			cursor:not-allowed;
		}
	</style>
</head>
<body>
    <header class="head">
        <div class="logo">
            <img src="../images/shouye/logo.png">
            <img src="../images/shouye/slogan.png">
        </div>
        <nav class="nav">
            <ul>
                <li target="login.html">首页</li>
                <li class="active" target="login-new.html">商家入驻</li>
                <li target="downApp.html">下载APP</li>
                <li target="business.html">企业合作</li>
            </ul>
        </nav>
    </header>
    <div class="content">
        <div class="banner">
            <ul style="margin-right:580px;padding:0px;">
                <li><img src="../images/banner/r1.png"></li>
                <li><img src="../images/banner/r2.png"></li>
                <li><img src="../images/banner/r3.png"></li>
                <li><img src="../images/banner/r4.png"></li>
            </ul>
        </div>
        <div class="login" id="register">
            <div class="title">新商户入驻</div>
            <div class="warn" style="visibility:hidden;">
                <span>您输入的手机号码不正确</span>
            </div>
            <div class="message">
                <input class="tel"  datatype="m" name="tel"  placeholder="请输入手机号">
            </div>
			<div class="Validform_checktip"></div>
            <div class="pass">
                <input class="captcha" datatype="*" placeholder="请输入短信验证码">
                <input type="button" value="获取验证码" class="getCaptcha">
            </div>
			<div class="Validform_checktip"></div>
            <div class="register-btn">
                <input type="button" type="submit" id="runShop" value="立即开店">
            </div>
            <div class="login-btn">
                <input type="button" id="login-btn" value="已有账号">
            </div>
        </div>
		<div class="login" id="login" style="display: none;">
			<div class="title">商户登陆</div>
			<div class="warn" style="display: none;">
				<span>您输入的手机号码不正确</span>
			</div>
			<div class="message">
				<input class="tel" datatype="m" placeholder="请输入手机号">
			</div>
			<div class="Validform_checktip"></div>
			<div class="message">
				<input type="password" datatype="*"  class="pass" placeholder="请输入登陆密码">
			</div>
			<div class="Validform_checktip"></div>
			<div class="forgetPWD">
				<span id="forgetPwd">忘记密码</span>
			</div>
			<div class="vertify">
				<input type="password" datatype="*" class="captcha" placeholder="请输入短信验证码">
				<input type="button" value="获取验证码" class="getCaptcha">
			</div>
			<div class="Validform_checktip"></div>
			<div class="register-btn">
				<input type="button" id="loginBtn" value="登陆">
			</div>
			<div class="login-btn">
				<input type="button" id="register-btn" value="新商户入驻">
			</div>
		</div>
    </div>
    <div class="foot-link">
        <div class="link clearfix">
            <div class="qrCode">
                <div>
                    <img src="../images/shouye/weixin.png">
                    <span>扫描二维码微信关注</span>
                </div>
                <div>
                    <img src="../images/shouye/app.png">
                    <span>扫描二维码下载App</span>
                </div>

            </div>
            <div class="contactUs">
                <span>联系我们</span>
                <span>客服&举报电话：400-166-3828</span>
                <span>客服时间：9:00-20:00</span>
                <span>北京鸿坤泽厚信息技术有限公司</span>
            </div>
        </div>
        <div class="foot-nav">
            <ul class="clearfix">
                <li>商家入驻</li>
                <li>校园招聘</li>
                <li>关于我们</li>
                <li>帮助中心</li>
                <li>下载App</li>
                <li>消费者保障</li>
                <li>维权投诉</li>
                <li>廉正举报</li>
            </ul>
        </div>
    </div>
    <footer class="foot">
        <span>
            Copyright 2017-2018 lexiaozhuan.com 版权所有 (京ICP证030173号
        </span>
        <img src="../images/shouye/ghs.png">
        <span>
            京公网安备11000002000001号)
        </span>
    </footer>
</body>
</html>
<script src="../js/plugIn/jquery-3.3.1.min.js"></script>
<!--banner轮播图插件-->
<script src="../js/plugIn/jquery.terseBanner.min.js"></script>

<!-- 表单验证插件 -->
<script src="../js/plugIn/Validform_v5.3.2.js"></script>
<script src="../js/shouye.js"></script>
<script>
	$(".content").Validform({
		tiptype:2
	});
    $("#runShop").on('click',function(){
        window.open('register/register1.html');
    });
	$("#login-btn").click(function(){
		$("#register").css('display','none');
		$("#login").css('display','block');
	})
	$("#register-btn").click(function(){
		$("#login").css('display','none');
		$("#register").css('display','block');
	});
	$(".getCaptcha").click(function(){
		$(this).attr('disabled',true);
		var time;
		clearInterval(time);
		var s = 60;
		var time = setInterval(function(){
			if(s>0){
				s--;
				$(".getCaptcha").val(s+"s");
			}else{
				$(".getCaptcha").removeAttr('disabled');
				$(".getCaptcha").val('获取验证码');
				
			}
			
		},1000);
		
	})
	
</script>